html, body{
	margin: 0 auto;
	background: #fff;
	height: 100%;
}

/*contains navigation and top login button*/
#navbar{
	margin: 0 auto;
	position: fixed;
	top: 15px;
	width: 100%;
	z-index: 2;
}

#navbar a{
	color: #fff;
	text-decoration: none;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}

#navbar a:hover{
	color: orange;
}
		/*top login buttons*/
		#login_reg_links{
			display: ;
			float: left;
			margin: 0px 0px 0px 30px;
		}
		
		/*shows when logged in*/
		#logged_in{
			float: left;
			margin-left: 30px;
			display: none;
		}
		
		/*navigation links*/
		#nav{
			float: right;
			margin-right: 30px;
			margin-top: 0;
		}
		
		#nav ul{
			list-style-type: none;
		}
		
		#nav li{
			display: inline;
			margin-right: 10px;
		}
		

/*main bg fullscreen image*/
#main{
	position: absolute; 
	height: 100%;
	width: 100%;
	top: 0; left: 0;
	background: url(../img/main-bg.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom: 20%;
	
}

		#logo{
			z-index: -1;
			height: 100%;
			background: url('../img/410logo.png') no-repeat center center;
		}
		
		#tagline{
			position: relative;
			text-align: center;
			color: #fff;
			top: 65%;
		}
		
		#tagline a{
			text-decoration: none;
			color: #fff;
		}
		
		
		#calltoaction{
			border: 2px solid white;
			border-radius: 6px;
			width: 19%;
			padding: 5px 20px 5px 20px;
		}

/*content below image div ("main")*/
#content{
	width: 100%;
	position: relative;
	top: 125%;
	background: #fff;
}

	@screen and (min-height: 700px){
	
	}

		#logoheader{
			position: relative;
			display: block;
			margin-left: auto;
			margin-right: auto;
			padding-top: 8%;
		}

		/*initial info section main page*/
		#info{
			margin: 0 auto;
			padding-top: ;
			padding-bottom: 20%;
			display: block;
			position: relative;
			width: 75%;

		}
